<!doctype html>
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>-uu-box-shadow:</title>
<style>
@import url(reset.css);
@import url(base.css);
@import url(boxshadow.css);
@import url(radius.css);

b.nodetxt {
  color: white;
  background-color: green;
}
b.viewtxt {
  color: white;
  background-color: #609;
}
b.paddtxt {
  color: white;
  background-color: navy;
}
b.point {
  color: black;
  background-color: yellow;
}

</style>
<!--
<script type="text/xaml" id="xaml"><?xml version="1.0"?>
  <Canvas xmlns="http://schemas.microsoft.com/client/2007"></Canvas></script>
<script src="../../uuAltCSS.js"></script>
-->


</head>
<body>
<input type="button" value="revalidate" onclick="uuAltCSS()" />

<hr />
<h1>-uu-box-shadow:</h1>

<div class="view">
  <div class="noshadow"><pre>
.noshadow {
  outline: 1px solid blue;
}</pre></div></div>


<div class="view"><div class="boxshadow1"><pre>
.boxshadow1 {
  border: 5px solid skyblue;
  -uu-box-shadow: steelblue 5px 5px 10px;
}</pre></div></div>


<div class="view"><div class="boxshadow2"><pre>
.boxshadow2 {
  margin: 10px;
  padding: 10px;
  border: 1px solid navy;
  -uu-box-shadow: blue 5px 5px 5px;
}</pre></div></div>


<div class="view"><div class="boxshadow3"><pre>
.boxshadow3 {
  margin: 10px;
  padding: 10px;
  border: 1px solid navy;
  -uu-box-shadow: blue 15px 15px 15px;
}</pre></div></div>


<div class="view"><div class="boxshadow4"><pre>
.boxshadow4 {
  margin: 10px;
  padding: 10px;
  border: 1px solid navy;
  -uu-box-shadow: blue 0px 0px 5px;
}</pre></div></div>


<div class="view"><div class="boxshadow5"><pre>
.boxshadow5 {
  margin: 10px;
  padding: 10px;
  border: 5px dotted navy;
  -uu-box-shadow: blue 0px 2px 11px;
}</pre></div></div>


<div class="view"><div class="boxshadow6"><pre>
.boxshadow6 {
  margin: 10px;
  padding: 10px;
  border: 4px solid navy;
  -uu-box-shadow: blue -5px -5px 5px;
}</pre></div></div>


<div class="view"><div class="boxshadow7"><pre>
.boxshadow7 {
  margin: 1px;
  padding: 1px;
  border: 0 none transparent;
  -uu-box-shadow: blue 0px 0px 5px;
}</pre></div></div>


<div class="view"><div class="boxshadow8"><pre>
.boxshadow8 {
  margin: 20px 0 0 30px;
  padding: 2px;
  border: 4px solid navy;
  -uu-box-shadow: blue 5px 5px 5px;
}</pre></div></div>


</body>
</html>